<!--
 * @Author: Mcc
 * @Date: 2024-07-16 16:39:41
 * @LastEditors: mcc 550539422@qq.com
 * @LastEditTime: 2024-08-23 17:54:35
 * @FilePath: \ft-apply\src\view\Contract.vue
 * @Description: 
 * 
 * Copyright (c) 2024 by Mcc, All Rights Reserved. 
-->
<template>
  <div id="train-agreement">
    <Agreement :contentList="contentList" :agreementTitle="agreementTitle" @doSubmit="doSubmit" :indexList="indexList">
    </Agreement>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import apis from '../api/index';
const { uploadTrainingAgreement, uploadSignAgreement } = apis;

const clickStatus = JSON.parse(localStorage.getItem('clickStatus'));
const router = useRouter();
const formInfo = ref({
  name: clickStatus.userName,
  phoneNum: clickStatus.phone,
  addr: clickStatus.userName,
  id: clickStatus.userName,
});
const salary = ref<string | number>('10');
const internshipSalary = ref<string | number>('90'); //实习期
const probationPeriodSalary = ref<string | number>('3150'); //试用期
const regularSalary = ref<string | number>(3500); //正式工
const lessonFee = ref<string | number>(300);//课时费
const date = ref<string>();
import Agreement from '../components/Agreement.vue';
import { showToast } from 'vant';
const contentList = ref<string[]>([
  `尊敬的${formInfo.value.name}同学：`,
  `您好！`,
  `我们很开心通知您通过了方田教育的培训考核，正式进入三方签约环节，为了明确您的签约意向，我们向您发送此确认书。以下是签约意向的具体内容：`,
  `1. 职位及职责：您将担任教师岗，主要负责教学工工作。`,
  `2. 薪资结构：乙方入职甲方，转正后首年年综合收入原则上不低于人民币${salary.value}万元/年。乙方入职后的薪酬结构原则上为岗位工资+课时费+综合福利。其中，乙方实习期岗位工资标准为人民币${internshipSalary.value}元/天，试用期岗位工资标准为人民币${probationPeriodSalary.value}元/月，转正后岗位工资标准为人民币${regularSalary.value}元/月。课时费标准为${lessonFee.value}元/课起，具体课时费将根据乙方每月实际课时数量和考核结果计算并发放。`,
  '3. 三方协议：我们将与您签订应届生三方协议，确保您的学业和实习安排符合学校规定，同时满足公司的人才需求。',
  '为了确认您的签约意向，请您在收到本确认书后三个工作日内回复，并按照以下指示操作：',
  `- 如果您接受我们的工作邀请并愿意签订三方协议，请签署本确认书的副本，并将其返回给我们，我们将在${getFutureDate(3)}主动联系您沟通签约细节。`,
  `- 如果您在三个工作日之内未给出明确答复，则视为放弃此份offer，公司将不再为您保留此岗位。 请注意，本确认书的签署并不代表最终的就业合同，所有条款将在正式的三方协议中详细列明。 我们期待您的积极回应，并希望能够与您一起开启美好的职业旅程。`,
  `  此致`,
  `敬礼`,
]);
const agreementTitle = ref<string>('应届生三方协议签约意向确认书');
const indexList = ref<number[]>([]);
const doSubmit = async (file) => {
  const formdata = new FormData();
  formdata.append('resumesId', clickStatus.resumesId);
  formdata.append('file', file);
  const datas = await uploadSignAgreement(formdata);

  if (datas.code == "10000") {
    router.push({
      path: '/progress',
    });
  } else {
    showToast(datas.msg)
  }
  // router.push({
  //   path: '/progress',
  // });
};
function getFutureDate(daysAhead) {
  // 获取当前日期
  const today = new Date();
  // 计算未来几天的日期
  const futureDate = new Date(today);
  futureDate.setDate(today.getDate() + daysAhead);
  // 格式化日期
  const year = futureDate.getFullYear();
  const month = String(futureDate.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1
  const day = String(futureDate.getDate()).padStart(2, '0');
  return `${year}年${month}月${day}日`;
}

</script>

<style></style>
